<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    *{
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .a1{
        overflow: hidden;
        margin-top:40px;
    }
    .a1 li{
        float: right;
        margin-right: 30px;

    }
    .a1 .a2{
        font-size: 16px;
        background:cyan;
    }
    .b{    
        margin: 0px auto;
        text-align: center;

    }
    .c{
        width:744px;
        height:44px;
        margin: auto;        
    }
    .c .c1{
        width:612px;
        height:50px;
        border-radius: 10px 0px 0px 10px ;
    }
    .c .c2{
        float:right;
        width: 108px;
        height: 24.5px;
        text-align: center;
        color: #fff;
        padding: 15px 10px;
        background: skyblue;
        border-radius:0px 10px 10px 0px;
    }
    .c span p{
        float: right;
        text-align: center;    
        color: seashell;
        padding: 15px 10px;
        background: skyblue;
        height: 23.5px;    
    }
    .d{text-align: center;
    margin-top: 250px;}
    .d1{text-align: center;
    margin-top: 5px;}
    .e li{text-align: center;}
    .d2{   
    float: left;
    margin-left: 60px;
    }
    .d3{
       float: left;  
       margin-left: 60px;  
    }
    .d4{
       float: left;   
       margin-left: 60px;
    }
    .d5{
       float: left;   
       margin-left: 50px;
    }
    .f{text-align: center;}
    .f li{
        float: left;
        margin-top: 10px;
        margin-left: 50px;
    }
</style>
<body>
    <ul class="a1">
        <li class="a2"><a href=""> 更多产品</a></li>
        <li><a href="">设置</a></li>
        <li><a href=""> 登录</a></li>
        <li><a href=""> 贴吧地图</a></li>
        <li><a href="">视频</a></li>
        <li><a href="">地图</a></li>
        <li><a href=""> hao123</a></li>
        <li><a href=""> 新闻</a></li>
        <li class=""><a href=""> 糯米</a></li>
    </ul>
    <div class="b"><img src="11.png" alt=""></div>
    <div class="c">
        <span>
            <input type="text" class="c1">
            <div class="c2"><a href="">百度一下</a></div>
        </span>
        <p class="d"><img src="23.png" alt=""></p>
        <p class="d1">手机百度</p>
        <ul class="e"> 
            <li class="d2"><a href="">把百度设置为主页</a></li>
            <li class="d3"><a href="">关于百度</a></li>
            <li class="d4"><a href="">About baidu</a></li>
            <li class="d5"><a href="">百度推广</a></li>    
        </ul>
        <ul class="f">
            <li>©2016baidu<a href="">sadasdasdaghjdasghjdgashjs</a><img src="21.jpg" alt=""></li>
            <li><a href="">asdasdadsadsadassdas</a><img src="111.jpg" alt=""></li>
            
        </ul>
    </div>
    
</body>
</html>